<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript" src="js/christopher.js"></script>
<title>Listado Almacen</title>
</head>
<body>
<h1>Busqueda</h1>
<form id="frmBuscar" method="post" action="BuscarAl.action">
<s:hidden id="paginaMostrar" name="paginaMostrar" />
<table>
<tr>
	<td><s:textfield name="articuloDTO.cod_articulo" label="Codigo"/></td>
</tr>
<tr>
	<td><s:textfield name="articuloDTO.nom_articulo" label="Articulo"/></td>
</tr>
<tr>
	<td style="padding-top:15px;">
		<sj:a
			id="btnBuscar"
			button="true"
			buttonIcon="ui-icon-search">
			Buscar
		</sj:a>
		<sj:a
			button="true"
			buttonIcon="ui-icon-circle-plus"
			openDialog="dlgNuevoArticulo"
			href="dialogRegistrar.action">
			Agregar	
		</sj:a>
		</td>
		</tr>		
</table>
</form>
<br>
<hr>
<s:actionmessage theme="jquery" cssClass="cincoPadding"/>
<s:actionerror theme="jquery" cssClass="cincoPadding"/>
<br>
<table id="tablalista" borde=1>
<thead>
<tr>
	<td>ID</td>
	<br>
	<td>Codigo</td>
	<td>Nombre</td>
	<td>Cantidad</td>
	<td>Opciones</td>
	</tr>
	</thead>
	<tbody>
	
	
<!-- 	INTERACION -->
	<s:iterator value="listarArticulo">
	<tr>
		<td class="mstId_articulo"><s:property value="id_articulo" /></td>
		<td class="mstCod_articulo"><s:property value="cod_articulo" /></td>
		<td class="mstNom_articulo"><s:property value="nom_articulo" /></td>
		<td class="mstCant_articulo"><s:property value="cant_articulo" /></td>
		<td>
		<sj:a button="true"
		buttonIcon="ui-icon-pencil"
		buttonText="false"
		title="editar"
		cssClass="btnModificar"
		id="%{id_articulo}_m"
		>
		</sj:a>
		<sj:a button="true"
		buttonIcon="ui-icon-circle-minus"
		buttonText="false"
		title="eliminar"
		cssClass="btnEliminar"
		id="%{id_articulo}"
		>
		</sj:a>
		</td>
		</tr>	
	</s:iterator>
<!-- 	FIN INTERACION -->


	</tbody>
</table>
<hr>
<!-- PAGINACION -->
<s:iterator status="stat" value="(cantidadPaginas).{ #this }">
		<s:if test="%{#stat.count==paginaMostrar}">
		<a class="btnPaginacion"><s:property value="#stat.count"/></a>
		</s:if>
		<s:elseif test="%{#stat.count!=paginaMostrar}">
<sj:a
button="true"
cssClass="btnPaginacion">
<s:property value="#stat.count" />
</sj:a>
</s:elseif>
</s:iterator>

<br>

<sj:dialog
id="dlgNuevoArticulo"
title="NUEVO ARTICULO"
resizable="false"
modal="true"
buttons="{ 
    		'OK':function() { fnRegistrar(); },
    		'Cancel':function() { fnCancelarRegistro(); } 
    		}" 
autoOpen="false"
>
</sj:dialog>

<sj:dialog
id="dlgConfirmacionEliminar"
title="CONFIRMACION"
resizable="false"
modal="true"
buttons="{ 
    		'OK':function() { fnOkEliminar(); },
    		'Cancel':function() { fnCancelEliminar(); } 
    		}" 
autoOpen="false"
>
Esta seguro de realizar esta accion?
</sj:dialog>

<sj:dialog
id="dlgModificar"
title="MODIFICAR"
resizable="false"
modal="true"
buttons="{ 
    		'OK':function() { fnOkModificar(); },
    		'Cancel':function() { fnCancelModificar(); } 
    		}" 
autoOpen="false"
>
</sj:dialog>

<form id="frmEliminar" method="post" action="EliminarAl.action">
<input type="hidden" id="txtIDEliminar" name="articuloDTOeliminar.id_articulo"/>
</form>

<form id="frmModificar" method="post" action="dialogModificar.action">
<input type="hidden" id="txtIDModificar" name="articuloDTOmodificar.id_articulo"/>
</form>

</body>
</html>